 
 /* 头部*/
  .mm-header {
    .hd-logo {
      position: relative;
      h4 {
        background-color: #f4483e;
        width: 100%;
        height: 100%;
        display: inline-block;
        font-size: .6rem /* 45/75 */;
        color: #fff;
        text-align: center;
        line-height: 1.333333rem /* 100/75 */;
      }
      .hd-app {
        position: absolute; 
        right: 0;
        top: 0;
      }
    }
  }


.mm-main {

  .nav {
    position: relative;
    height: 1.066667rem /* 80/75 */;
    ul {
      position: absolute;
      left: 0;
      top: 0;
      width: 210%;
      height: 1.066667rem /* 80/75 */;
      // overflow: hidden;
      margin-bottom: .133333rem /* 10/75 */;
      transition: left 0.25 ;
      li {
        float: left;
        height: 1.066667rem /* 80/75 */;
        padding: 0 .32rem /* 24/75 */;
        a {
          display: block;
          font-size: .346667rem /* 26/75 */;
          line-height: 1.04rem /* 78/75 */;
        }
        .nav-a {
          color: #f4483e;
          border-bottom: 2px solid #f4483e;
        }
      }
    }
    div {
      position: absolute;
      top: 0;
      right: 0;
      width: 1rem /* 75/75 */;
      height: 1.066667rem /* 80/75 */;
      border-left: 1px solid #ccc;
      background-color: #fff;
    }
  }

  .content {
    ul {
      background-color: #f7f7f7;
      padding-top: .133333rem /* 10/75 */;
      li {
        height: 4rem /* 300/75 */;
        margin-top: .266667rem /* 20/75 */;
        .a-img {
          height: 100%;
          width: 3.466667rem /* 260/75 */;
          background-color: #fff;
          margin-right: .133333rem /* 10/75 */;
          .pic {
            img {
              width: 3.466667rem /* 260/75 */;
              height: 100%;
            }
          }
        }
        .txt {
          width: 6.133333rem /* 460/75 */;
          height: 100%;
          .txt-a {
            div {
              p:nth-child(1) {
                font-size: .346667rem /* 26/75 */;
              }
              p:nth-child(2) {
                margin-top: .333333rem /* 25/75 */;
                font-size: .453333rem /* 34/75 */;
                color: #f4483e;
                i {
                  font-size: .373333rem /* 28/75 */;
                }
                em {
                  font-size: .266667rem /* 20/75 */;
                }
                del {
                  margin-left: .333333rem /* 25/75 */;
                  font-size: .266667rem /* 20/75 */;
                  color: #ccc;
                  text-decoration: line-through;
                }
              }
            }
          }
          .jdt {
            margin-top: .533333rem /* 40/75 */;
            .bar {
              i {
                position: relative;
                display: inline-block;
                width: 2.2rem /* 165/75 */;
                height: .4rem /* 30/75 */;
                border: 1px solid red;
                background-color: #FFB7B7;
                border-radius: .4rem /* 30/75 */;
                overflow: hidden;
                em {
                position: absolute;
                
                display: inline-block;
                width: 100%;
                height: 100%;
                background-color: red;
                border-radius: .373333rem /* 28/75 */;
                }
                span {
                  position: absolute;
                  left: 40%;
                  top: -2px;
                  font-size: .266667rem /* 20/75 */;
                  color: #fff;
                }
              }
              b {
                display: inline-block;
                height: .4rem /* 30/75 */;
                line-height: .4rem /* 30/75 */;
                font-size: .32rem /* 24/75 */;
                color: red;
                font-weight: 400;
                margin-left: .266667rem /* 20/75 */;
              }
            }
          }
          .dian {
            position: relative;
            width: 100%;
            height: .8rem /* 60/75 */;;
            margin-top: .266667rem /* 20/75 */;
            div:nth-child(1) {
              width: 3.2rem /* 240/75 */;
              height: .72rem /* 54/75 */;
              border: 1px dashed red;
              text-align: center;
              a {
                font-size: .32rem /* 24/75 */;
                color: #f4483e;
                line-height: .72rem /* 54/75 */;
              }
            }
            div:nth-child(2) {
              position: absolute;
              top: 0;
              right: 0;
              a {
                display: inline-block;
                width: 1.546667rem /* 116/75 */;
                height: .72rem /* 54/75 */;
                background-color: #FF5E5D;
                color: #fff;
                font-size: .346667rem /* 26/75 */;
                text-align: center;
                line-height: .72rem /* 54/75 */;
                border-radius: .133333rem /* 10/75 */;
              }
            }
          }
        }  
      } 
   }
  }
}